﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NEWForgetPassword.aspx.cs" Inherits="mpsalaryprojectgroup.NEWForgetPassword" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Welcome to the PGS Portal</title>
    <style type="text/css">
        .style1
        {
            text-align: center;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="CSS\foundation.css">
	<link rel="stylesheet" href="CSS\app.css">
    <link rel="stylesheet" href="CSS\ie.css">


	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!--CSS for hover over navigation tab-->
    
    <link rel="stylesheet" href="CSS/Tab.css">
    <script type="text/javascript" src="dropdown_menu.js"></script>
    <script type="text/javascript">
        var websiteID = 'thedesignsuperhero.com';
    </script>
    <script type="text/javascript" src="http://analytics.hosting24.com/s.php"></script>
    <noscript>
    <a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/s.php?websiteID=thedesignsuperhero.com" alt="web hosting" /></a>
    </noscript>

      <!--Navigation tab part 2 -->
<script>
    // Javascript originally by Patrick Griffiths and Dan Webb.
    // http://htmldog.com/articles/suckerfish/dropdowns/
    sfHover = function () {
        var sfEls = document.getElementById("navbar").getElementsByTagName("li");
        for (var i = 0; i < sfEls.length; i++) {
            sfEls[i].onmouseover = function () {
                this.className += " hover";
            }
            sfEls[i].onmouseout = function () {
                this.className = this.className.replace(new RegExp(" hover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
    
    <%--<link rel="stylesheet" href="CSS\Tab1.css">--%>


    <div class="container">
		<div class="row">
			<div class="twelve columns" align="center">
				<h2><img alt="" src="Images/orangesample%20copy.jpg" /></h2>
			</div>
		</div>
    </div>

        <div class="row">
       <%-- <!--for navigation tab-->
            <%--<ul id="button">

         <li><a href="#">Home</a></li>
         <li><a href="#">About</a></li>
         <li><a href="#">Services</a></li>
         <li><a href="#">Clients</a></li>
         <li><a href="#">Products</a></li>
         <li><a href="#">F.A.Q</a></li>
         <li><a href="#">Contact Us</a></li>
         <li><a href="/NEWMainPage.aspx">Sign Out</a></li>
           </ul>--%>


       <!--Navigation part 2-->
        
		<%--<ul id="navbar">
			<li><a href="/NEWUserExportFile.aspx">Home</a>
            <!-- put link to link back to homepage -->
			</li>
                <%--<li><a href="/NEWUserExportFile.aspx">View Result</a>
				<ul>
					<li><a href="/NEWUserExportFile.aspx">Past Result</a></li>
				</ul>			
			</li>
            <li><a href="/NEWAnalytical.aspx">Analytical</a>
                <ul>
                    <li><a href="/NEWAnalytical.aspx">Analyse</a></li>
                    <li><a href="/NEWNEWReport.aspx">Report</a></li>
                </ul>
            </li>

			<li><a href="/NEWContactUs.aspx">Contact Us</a>
				<!--put contact details plus google map-->		
			</li>
			<li><a href="/NEWUserUpdatePage.aspx">Account</a>	
                <ul>
					<li><a href="/NEWUserUpdatePage.aspx">Update Account</a></li>
                    <li><a href="/NEWDelete.aspx">Delete Account</a></li>
					    <%--<li><a href="/NEWMainPage.aspx">Logout</a></li>
				</ul>             	
			</li>
            <li><a href="/NEWMainPage.aspx">Logout</a>		
			</li>
		</ul>--%>
    </div>


    <div class="row">
        <div class="twelve columns" align="center">
            <h3 style="color: #FF9933">Forget Password</h3>
        </div>
    </div>

    <div class="row">
        <div class="four columns">  
        </div>

        <div class="four columns" align="center">
             <asp:Button ID="Button1" runat="server"  
                Text="Retrieve your password?" BackColor="#FFCC00" Width="197px" 
                 onclick="Button1_Click" /><br />      
        </div>

        <div class="four columns">
        </div> 
    </div>

    <div class="row">
        <div class="four columns">
        </div>
       
        <div class="four columns" align="center">
 <asp:Panel ID="Panelforgetpassword" runat="server" BackColor="#FAF8CC" 
                style="margin-bottom: 0px" HorizontalAlign="Center">
        Enter your e-mail address<br />
        <asp:TextBox ID="tbxemail" runat="server" Width="204px"></asp:TextBox><br />
        <asp:Button ID="btnforgetPassword" runat="server" 
         Text="Send" BackColor="#6666FF" 
         ForeColor="White" onclick="btnforgetPassword_Click" /> 
            <br />
            <asp:Label ID="lblemail" runat="server"></asp:Label>
        </div></asp:Panel>
        </div>

        <div class="four columns">
        </div>
    </div>

    <div class="row">
        <div class="twelve columns">
        <div class="four columns">
        </div>

        <div class="four columns" align="center">
        <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/NEWMainPage.aspx">Click here to Sign Up! </asp:HyperLink>
                
        </div>

        <div class="four columns">
        </div>
        </div>
    </div>
    

    <div class="row">
        <div class="four columns">
        </div>

        <div class="four columns">



        </div>

        <div class="four columns">
        </div>
    
    </div>


        <div class="four columns">
        </div>

    </div>
    
    <div class="row">

        <div class="twelve columns">
        </div>
    </div>

     <div class="row">

        <div class="twelve columns">
        </div>
    </div>

    <div class="row">
        <div class="twelve columns" align="center">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/school.JPG" />
            <div class="six column"></div>
        </div>
    </div>

    <!-- Included JS Files -->
	<script src="javascripts/foundation.js"></script>
	<script src="javascripts/app.js"></script>

    </form>
</body>
</html>
